<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			body{
				counter-reset: section;
			}
			h1{
				counter-reset: subsection;
			}
			h1:before{
				counter-increment: section;
				content:"Section " counter(section) ".";
			}
			h2:before{
				counter-increment:subsection;
				content: counter(section)"."counter(subsection);
			}
		</style>
	</head>
	<body>
		<h1></h1>
		<h2></h2>
		<h2></h2>
		<h2></h2>
		
		<h1></h1>
		<h2></h2>
		<h2></h2>
		<h2></h2>
		
		<h1></h1>
		<h2></h2>
		<h2></h2>
		<h2></h2>
	</body>
</html>
